Faribe is a Multi-purpose Opencart Responsive Theme with advanced admin modules, extremely customizable and fully responsive. It is suitable for every type of store. It is a standalone design package so you can easily create your own sub-themes.

Thank you for purchasing my theme!
If you have any questions that are beyond the scope of this documentation, please feel free to submit ticket to http://plazathemes.com/tickets/.

Thanks so much!

Compatible with Opencart:

Faribe Opencart Theme is fully compatible with Opencart 3.0.x.

Opencart HELP

Faribe is theme for Opencart ecommerce platform. Before you start working with theme you should be familiar with Opencart. Please read following links:

Install the demo Quickstart

There are two ways to install an Opencart Theme:

  • Install quickstart : By using this package, you will set the theme exactly as our Demo with sample data.

  • Install only template : If you exist a opencart website you can install only template.

Warning! Before uploading theme files on a production environment, make sure you have tested it before on a development environment. Make sure to create a backup of your original files and database before uploading theme files.

demo

Your website front-end with clear image sizes after the QuickStart installation

To install QuickStart package, please follow these guides below:

  1. Create new database:

    • Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin

    • Then create database

      create database

  2. Extract and Upload the whole quickstart package (admin, catalog, image … in tt_faribe_quickstart_3.0.2.0 folder ) to your server.

  3. Open browser and navigate to your site (where the quickstart uploaded) to load default Opencart installer with the database you just created.

    As an example, name of opencart is tt_faribe_test.

    install step1

    Click Continue button.

  4. We got:

    install step2

    Click Continue.

  5. We got:

    install step3

    Click Continue.

  6. We got:

    install step4

    You need to delete install folder.

    delete install

  7. Click Go to your online shop to go to frontend

    Click Login to your administration to go to backend

  8. Login your opencart admin and set domain for each store.

    Go to System -> Settings

    At tab Store Name , choose your store that you want to use, click Edit button.

    Choose tab General

    set store

    Choose tab Store

    set store2

    Note: You need remove the URL if you want to use that domain for different store.

  9. Click Save button when finish.

Install Template


To install our theme, you need to do 2 steps :

We recommend installing Faribe on a fresh copy of OpenCart or on existing setups with no custom modifications. See more at http://docs.opencart.com/installation/ . The installation is very easy, please follow these instructions carefully.

  1. Download OpenCart archive from Opencart Website and unzip it.

  2. Upload it to your server

  3. Create new database:

    • Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin

    • Then create database

      import database1

  4. Open browser and navigate to your site (where the achieve uploaded) to load default Opencart installer with the database you just created.

    As an example, name of opencart is tt_faribe_test.

    install step1

    Click Continue button.

  5. We got:

    install step2

    You need to rename 2 files : config-dist.php to config.php

    config1 ------> config11

    config2 ------> config22

    URL : "config-dist.php" and "admin/config-dist.php"

    If you don't rename 2 these files, we got error :

    error

    Click Continue

  6. We got:

    install step3

    Click Continue.

  7. We got:

    install step4

    You need to delete install folder.

    delete install

  8. Click Go to your online shop to go to frontend

    Click Login to your administration to go to backend

When finish install default opencart, we install template:

*** You can see the tutorial at video :

*****Note: Before & after installation, Don't rename of databases in "database" folder in template.

  1. Extract the tt_faribe_template_1.0.zip from the archive you downloaded from Themeforest.
  2. Locate the Faribe folder . We recommend 3.0.x, as it has significant improvements.
  3. Drag the all folders (admin, catalog, image, database,...) over to your OpenCart installation and merge them with the existing ones.
  4. Login your opencart admin
  5. Go to Extensions -> Extensions -> Choose the extension type -> Modules -> At OC Theme Configuration -> Click Install button

    theme_config

  6. At OC Theme Configuration : Choose Edit edit button
  7. Choose tab Theme Database:

    At Choose Theme Restore : Select homepage you want to install -> Click Import

    theme_database

  8. Go to Extensions -> Modifications -> Select & refresh all modifications.

    modifications

  9. Refesh your homepage. Finish installer.
  10. ***To install other templates when finish install the first template, please:
    • Go to OC Theme Menu -> Theme Configuration

    • Choose tab Theme Database:

      - At Choose Theme Restore : Select homepage you want to install -> Click Import

      theme_database

    • Refresh your homepage.

Adjust your image sizes

Before you start using your store with the Faribe theme, image settings must be edited with the following values:

  1. Login to your Opencart Admin Area
  2. Go to Extensions -> Extensions > Choose the extension type > Themes > Faribe 1 > Edit
  3. At Image part, image settings can be edited with the values.

    You can set number of products per Category page.

How to add new products

  1. Login your opencart admin

  2. Go to Catalog -> Products -> Add New

    add new product step1

  3. Now you will see seven tabs (General, Data, Links, Attribute, Option, Discount, Special, Image, Reward Points, and Design). Be sure to fill in the Product Name , Meta Tags Title - required fields - on the first tab.

    add new product step2

  4. Click Save button when finish.

You can add as many products as you would like.

How to set special products

***A special price is a product's sale price. For example a product may have cost $400, but using the specials option in OpenCart you can set the price to $350. Customers can see the "old price - new price" difference.

  1. Login your opencart admin

  2. Go to Catalog -> Products

  3. Search for the product you would like to set on specials. Click Edit link to edit it.

    set special step1

  4. Choose Special tab and click Add Special button

    set special step2

  5. Special prices change the value of the product price to the new special price. Specials for a customer group will display the special price only if the customer is logged in as that group.

    Customer Group - Optionally select a customer group you want this special to apply to.

    Priority - If you will offer multiple specials and/or discounts, enter 1 for this to be applied first, 2 for this to be applied second.

    Price - The price you want the customer to see.

    Date Start - When you want this special price to appear.

    Date End - When you want this special price to disappear.

  6. Click Save button when finish.

How to set discount products

***Discount means that the price of a given product decreases as a customer buys more of it. In other words, a single piece may cost $30, but if you buy five pieces then each would only cost $28. The more a customer buys, the more they save.

  1. Login your opencart admin

  2. Go to Catalog -> Products

  3. Locate the product you want to create the discount for . Click Edit link to edit it.

    set special step1

  4. Choose Discount tab and click Add Discount button

    set discount step2

  5. We got :

    set discount step3

    Customer Group - Optionally select a customer group you want this special to apply to.

    Quantity - Set how many pieces a customer needs to purchase in order to get the discounted price.

    Priority - If you will offer multiple specials and/or discounts, enter 1 for this to be applied first, 2 for this to be applied second.

    Price - The price you want the customer to see.

    Date Start - When you want this discount price to appear.

    Date End - When you want this discount price to disappear.

  6. Click Save button when finish.

Creating Category

* See more at http://docs.opencart.com/catalog/category/ to understand about Category in Opencart.

* See more at Attributes to understand about attributes in Opencart.

* See more at Filter to learn how to add filters.

Faribe1

Home page

home1


Category & Detail

Category

grid


Product

detail


Faribe2

Home page

home2


Category & Detail

Category

grid


Product

detail


Faribe3

Home page

home3


Category & Detail

Category

grid


Product

detail


Faribe4

Home page

home4


Category & Detail

Category

grid


Product

detail


Set layout position of module in OpenCart 3.0

After install various extensions that best suit your needs, you need to set layout position of module. Please see these steps below:

  1. Go to Design > Layouts

    position

  2. Click on Edit button to set the modules position for Home page.

    position

  3. - Select the Position for layout of module.

    - Select module from Modules option.

    - Click Add Module to add module for each position

    Example: with OC Horizontal Mega Menu module

    position3

  4. Click on Save button in the top right corner when you have completed settings of layout

Faribe1

-> To set the layout like Faribe1: Login admin -> Design -> Layouts -> Faribe 01: Home and set the layout like :

layout_home1

Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Faribe 01: Category and set the layout like:

layout grid


Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Faribe 01: Product and set the layout like:

layout detail

Faribe2

-> To set the layout like Faribe2: Login admin -> Design -> Layouts -> Faribe 02: Home and set the layout like :

layout_home2

Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Faribe 02: Category and set the layout like:

layout grid


Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Faribe 02: Product and set the layout like:

layout detail

Faribe3

-> To set the layout like Faribe3: Login admin -> Design -> Layouts -> Faribe 03: Home and set the layout like :

layout_home3

Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Faribe 03: Category and set the layout like:

layout grid


Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Faribe 03: Product and set the layout like:

layout detail

Faribe4

-> To set the layout like Faribe4: Login admin -> Design -> Layouts -> Faribe 04: Home and set the layout like :

layout_home4

Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Faribe 04: Category and set the layout like:

layout grid


Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Faribe 04: Product and set the layout like:

layout detail

Modules Settings

Read official OpenCart documentation for install, Editing and Setup a module.
- For Official Documentation - Click Here
- For Tutorials - Click Here

and also, See & follow Our Below module information.


TO CONFIG MODULES IN OPENCART 3.0.x, PLEASE DO LIKE STEPS BELOW:

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules

  • Find modules you want to config -> Edit -> Config according to you.

Modules in Faribe

Creating module to choose layout in each template (Sub module) in Opencart 3.0.x

Example, here we will create a sub module of OC Horizontal Mega Menu(module to choose layout in each template). Below is instruction:

  • Login admin -> Extensions -> Choose the extension type -> Modules -> OC Horizontal Mega Menu -> Edit button edit button

  • We got :

     admin_menu

    Configure parameters as below:

    • Module Name - Input name of sub Horizontal Mega Menu

    • Status - Set Enabled to show the Horizontal Mega Menu module.

    • Show Home Page Link - Don't show Home : choose No, show Home : choose Yes

    • Number of Columns - Set number of columns of sub categories

    • Number of Levels - Set the limit the number of links of links a user can apply to the top level of the navigation

    • Informations, Category, Cms Links - You can add information links, product categories, cms links (link in cms block)

  • Click Save button to save your changes.
  • Back to Modules list :

     name mega menu

*** OC Slide show module - How to create sub module to choose layout in each template is different, please see in OC Slide show .

How to customize thumbnail image and Related Slider in Product page

detail ex

=> To customize two modules, please modify this file : \catalog\view\theme\your_theme\template\product\product.twig

Config Layout Content Builder

Layout Content Builder is an OpenCart 3.0.x extension which help you can design layout, position, modules follow your mind. It is a module basically, so it is easy to install and use. And of course, Layout Builder is very useful for your website.

Please see at Layout Content Builder to know about how to add modules, edit modules,.. in this module.

Layout Content Builder for each home:

*** Faribe1: Layout Content Builder - Layout Homepage 01

layout content builder home

*** Faribe2: Layout Content Builder - Layout Homepage 02

layout content builder home

*** Faribe3: Layout Content Builder - Layout Homepage 03

layout content builder home

*** Faribe4: Layout Content Builder - Layout Homepage 04

layout content builder home

Config Horizontal Mega Menu (Hozmegamenu)

menu

***Horizontal Mega Menu gives you ability to create a huge sitemap-like menu with links to every page. Here you can navigate users with not only text but also videos and images.

* If you want to config or edit add categories, add links, ... to Hozmegamenu , please login Admin -> Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Horizontal Mega Menu - Horizontal Mega Menu (sub module of OC Horizontal Mega Menu) -> Click Edit button edit_button -> Config/add categories/add links/static blocks/remove(links, categories,..) according to you.

Please see at Horizontal Mega Menu to know about how to add categories, add links, add static blocks,.. in Horizontal Mega Menu

1. How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Horizontal Mega Menu - Horizontal Mega Menu(sub module of OC Horizontal Mega Menu) -> Click Edit button edit_button

  • We got :

    admin menu then config according to you.

    Configure parameters as below:

    • Module Name - Input name of sub OC Horizontal Mega Menu

    • Status - Set Enabled to show the OC Horizontal Mega Menu module.

    • Use sticky menu - Set Enabled to use sticky menu.

    • Show Home Page Link - Don't show Home : choose No, show Home : choose Yes

    • Number of Columns - Set number of columns of sub categories

    • Number of Levels - Set the limit the number of links of links a user can apply to the top level of the navigation

    • Informations, Category, Cms Links - You can add information links, product categories, cms links (link in cms block)

    • Mobile menu - Choose Original menu to show all categories & links on Mobile menu or Choose Only show categories to show all categories on Mobile menu.


2. Edit links on Megamenu:

ex_menu_links

  • Login your opencart admin

  • Go to OC Theme Menu -> OC CMS Blocks -> Click Configuration at cms blocks:

    • New Products - Choose New Products

    • Bestseller - Choose Bestseller

    • Special - Choose Special

    • Contact Us - Choose Contact Us

    • => At Link : Change url of the page according to you

  • Click Save button to save your changes.


3. How to add these links on OC Horizontal Mega Menu

menu links

  • Login opencart admin -> OC Theme Menu -> CMS Blocks -> Add Newadd new button

    add new block

    • Type : Choose Link

    • Identify : Enter id of cms block

    • Link : Type url of the page.

      • New Products : index.php?route=product/ocnewproduct

      • Bestseller : index.php?route=product/ocbestseller

      • Specials : index.php?route=product/special

      • Contact Us : index.php?route=information/contact

    • Status : Set Enabled

    • Stores : Choose Default Store

    • Title : Enter title of cms block (title of Link)

  • Click Extensions -> sub module of OC Horizontal Mega Menu -> At Cms Links : Choose title of link(title of cms block) you've created -> Add -> Save


4. How to add/remove links/categories on OC Horizontal Mega Menu

4.1. Add links/categories

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Horizontal Mega Menu - Horizontal Mega Menu (sub module of OC Horizontal Mega Menu) -> Click Edit button edit_button

  • menu links

    At Informations Links : Choose link you want to show on Megamenu -> Click Add -> Save

4.2. Remove Informations links/categories from Megamenu:

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Horizontal Mega Menu - Horizontal Mega Menu -> Click Edit button edit_button

  • menu links

    Choose link you don't want to show on Megamenu -> Click Remove -> Save


OC Vertical Megamenu

vermenu

1. Configuration

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Vertical Megamenu - Vertical Megamenu -> Click Edit button edit_button

  • We got :

    admin vermenu then config according to you.

    Configure parameters as below:

    • Module Name - Input name of sub Vertical Mega Menu

    • Status - Set Enabled to show the Vertical Mega Menu module.

    • Show homepage - Don't show Home : choose No, show Home : choose Yes

    • Number of items - Set number of items (links, categories) will be shown.

    • Show number columns - Set number of columns of sub categories

    • Show Levels - Set the limit the number of links of links a user can apply to the top level of the navigation

    • Number of Items allow show on Menu - Set number of items will be shown on Vertical Megamenu.

    Please see at OC Vertical Megamenu to know about how to add categories, add links, add static blocks,.. in OC Vertical Megamenu


2. Upload thumbnail image of each category in OC Vertical Mega Menu

vermenu thumbnail image

=> You should upload thumbnail image has size : 29x29 pixels.

  • Login your opencart admin

  • Go to OC Theme Menu -> Featured Categories -> choose category you want to show thumbnail image

    set thumbnail image


OC Slide show

*** This module performs images and texts in slideshow.

  • #Faribe1: You should cut background images with size 1920 x 680 pixels.

  • #Faribe2: You should cut background images with size 1920 x 680 pixels.

  • #Faribe3: You should cut background images with size 770 x 603 pixels.

  • #Faribe4: You should cut background images with size 771 x 520 pixels.


  • 1. Configuration & change images of slide show

    • Login your opencart admin

    • Go to OC Theme Menu -> Banner Sliders

    • At Banner Name , choose edit :

      slideshow2

      • - #Faribe1 : Choose edit Home slideshow 1

      • - #Faribe2 : Choose edit Home slideshow 2

      • - #Faribe3 : Choose edit Home slideshow 3

      • - #Faribe4 : Choose edit Home slideshow 4

      Click Banner 1, Banner 2 ... -> You can config slide such as change images, titles, link according to you.


    2. Create sub module of OC Slide show

    • Login your opencart admin

    • Go to OC Theme Menu -> Banner Sliders

    • Click Add new button add new

      slide show3

      -> Create name and config for this slider.

      -> Click Add Item to add item for this slider and add text, image, choose effect for it.

    • Click Save to save this slider

    • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Slide show -> Click Edit add new

    • We got:

      admin slide show

      Configure parameters as below:

      • Name - Input name of sub OC Slide show

      • Status - Set Enabled to show the OC Slide show module.

      • Banners - Choose the slide show you want to use

      • Width of Banner - Set width of slide show

      • Height of Banner - Set height of slide show

      -> Click Save to save this sub module

Config OC CMS Block

Cms block helps you show links, images and text.

1. Edit static blocks

  • Please see at images of homepage, products page, detail page to see names of cms block

  • To edit a static block, please see in each Homepage image -> Find sub module of each OC CMS Block

  • Login your opencart admin

  • Go to OC Theme Menu -> CMS Blocks edit block:

  • At Title, choose Cms Block you want to edit, click Configuration:

    edit block

    Edit title, content, identify, ... of static block. Click Code View (in description table) to show HTML of the static block

    edit block1

    -> At here, to change link inside (src="our link") by (src="your link") or (data-original="our link") by (data-original="your link") (if that have line "data-original")

    edit block2

    edit block3

    ***One more thing, if you use default opencart 3.0.2.0, it have 1 bug. You can not save code cms block. To correct that error, after you have changed code in "Code View", please click once more time that "Code View" button. Then save.

  • Click Save button when finish.

Example

cms block

To edit the static block above in Faribe1, please do like steps below:

  • Please see at image of #Faribe4

  • Find part you want to edit, name is : OC CMS Block (Banner Static Home4)

  • Login your opencart admin

  • Go to OC Theme Menu -> CMS Blocks edit block:

  • At Title, choose Banner Static Home4 , click Configuration

    -> Edit title, content, identify, ... of this static block.

  • Click Save button when finish.


2. Add blocks to the list cms

  • Login your opencart admin

  • Go to OC Theme Menu -> CMS Blocks -> Click Add New button edit

  • add block

    Type title, content, identify,... of static block.

  • Click Save button when finish.


3. Create Cms block to choose layout

example name block

  • Login your opencart admin

  • Go to OC Theme Menu -> CMS Blocks -> Click OC CMS Block edit

  • We got :

    example name block2

  • Click Save button to save your changes.

OC Tab Products

admin tab product slider

***This module shows types of products(deal, latest, special, bestseller, mostviewed) or show products of categories as tab.

1. Configuration

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Tab Products - Tabs Categories1 Home4 (sub module of OC Tab Products in each template) -> Choose Edit button edit

  • We got :

    admin products slider

    Config the parameters as below :
    • Module Name - Input name of sub OC Tab Products.

    • Module Class - Added class to style.

    • Heading title - Title of this module in each template

    • Description - Description of module

    • Product type - Choose display type of products: grid/view/other.

    • Using slider - Define whether use slider or not

      • Set Yes - all_products

      • Set No - all_products

    • Show countdown - Define whether show countdown for special products with end date.

    • Limit - Number of items will be allowed.

    • Size - Image size will be displayed.

    • Click tab you want to edit or click all_products to add new tab.

      all_products

      • Tab Title - Title of this tab.

      • Choose type of products - Select type of products you want to show.

        1. All Products - Select products you want to show.

          all_products

        2. Category Products - Select the category you want to show products & type products.

          all_products

          • Select category - Select category to show.

          • Product from:

            • All Products - Show all products of that category.

            • Select Products - Choose products of that category you want to show

            • Specific Products - Choose type of products of that category you want to show : new, bestseller, special, most viewed, deal product

        3. Auto Products - Show new or bestseller or special or most viewed or deal products.

          all_products

=> To customize this module, please modify this file : catalog\view\theme\your_theme\template\extension\module\octabproducts.twig


OC Products

admin product slider

***This module shows types of products(deal, latest, special, bestseller, mostviewed) or show products of categories.

1. Configuration

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Products - Products1 Home4 (sub module of OC Products in each template) -> Choose Edit button edit

  • We got :

    admin products slider

    Config the parameters as below :
    • Module Name - Input name of sub OC Products.

    • Module Class - Added class to style.

    • Choose type of products - Select type of products you want to show.

      1. All Products - Select products you want to show.

        all_products

      2. Category Products - Select the category you want to show products & type products.

        all_products

        • Select category - Select category to show.

        • Product from:

          • All Products - Show all products of that category.

          • Select Products - Choose products of that category you want to show

          • Specific Products - Choose type of products of that category you want to show : new, bestseller, special, most viewed, deal product

      3. Auto Products - Show new or bestseller or special or most viewed or deal products.

        all_products

    • Heading title - Title of this module in each template

    • Description - Description of module

    • Product type - Choose display type of products: grid/view/other.

    • Using slider - Define whether use slider or not

      • Set Yes - all_products

      • Set No - all_products

    • Show countdown - Define whether show countdown for special products with end date.

    • Limit - Number of items will be allowed.

    • Size - Image size will be displayed.

=> To customize this module, please modify this file : catalog\view\theme\your_theme\template\extension\module\ocproduct.twig


OC Featured Category

tab category featured

*** This module shows products and thumbnail image of each category in slider.

1. Configuration

  • Login your opencart admin

  • Go to Extensions -> Modules -> Choose the extension type -> Modules -> OC Featured Category - Featured Category Home1(sub module of OC Featured Category) -> Click Edit button edit_button

  • We got :

    admin category tab featured

    Config some parameters as below :

    • Module Name - Name of this module to choose layout

    • Title - Title of sub module of OC Featured Category

    • Items - Number of products will be shown.

    • Rows of Categories - Number of rows of categories will be displayed.

    • Items - Number of categories will be displayed.

    • Limit - Number of products will be allowed in each tab.

    • Show Sub Categories - Set Yes to show subcategories

    • Number of Sub Categories - Set number of sub categories will be shown. This field is only active when Show Sub Categories is Yes


2. How to show category and thumbnail image & thumbnail when hover on OC Featured Category:

ex_featuredcategory_thumbnail

#Demo1: You should upload thumbnail image has size : 170 x 97 pixels.

#Demo3, #Demo4: You should upload thumbnail image has size : 170 x 223 pixels.

  • Login your opencart admin

  • Go to OC Them Menu -> Featured Categories -> choose category you want to show thumbnail image

    set thumbnail image 3


=> To customize this module, please modify this file : catalog\view\theme\your_theme\template\extension\module\ocfeaturedcategory.twig

OC Blog

blog

1. How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Blog - Recent Blog Posts (sub module of OC Blog in each template) -> Click Edit add new

  • We got :

    admin blog

    Configure some parameters as below:

    • Module Name - Input name of sub module of OC Blog.

    • Article List - Choose list of posts you want to show in this sub module.

    • Status - Set Enabled to use this sub module.

    • Article Image Width, Article Image Height - Item size will be displayed.


2. How to config articles

  • Login your opencart admin

  • Go to OC Theme Menu -> Blog -> Configuration :

  • We got :

    admin blog


3. How to edit articles in Blog

  • Login your opencart admin

  • Go to OC Theme Menu -> Blog -> Articles -> You will see a table of articles -> At the article you want to edit, choose Edit button

    edit blog

    You can edit image for the article, enter contents, enter title

  • Click Save button when finish.


4. To create a sub module of OC Blog, follow steps below:

4.1. Create the article

  • Login your opencart admin

  • Go to OC Theme Menu -> Blog -> Articles -> Add New add new button

    add new blog

    You need to fill in article name, Introduction Text, Description, Meta Tag Title and can upload image, write the author,... for the article

  • Click Save button when finish.


4.2. Create articles list

  • Login your opencart admin

  • Go to OC Theme Menu -> Blog -> Articles Lists -> Add New add new button

    add new article list

    Configure some parameters as below:

    • Articles List Name - Input name of list.

    • Articles - Choose the names of articles to give in this list.

    • Status - Set Enabled to use this sub module.

  • Click Save button when finish.


4.3. Create sub module of OC Blog

  • Login your opencart admin -> Extensions -> Extensions -> Choose the extension type -> Modules -> OC Blog -> Add New  edit button or click at Blog from Articles List  admin blog

  • We got :

     admin blog

    Configure some parameters as below:

    • Module Name - Input name of sub Blog.

    • Article List - Choose list of posts you want to show in this sub module.

    • Status - Set Enabled to use this sub module.

    • Article Image Width, Article Image Height - Item size will be displayed.

  • Click Save button to save your changes.
  • Back to Modules list :

     name blog


=> To customize this module, please modify these files :

- catalog\view\theme\your_theme\template\blog\article.twig

- catalog\view\theme\your_theme\template\blog\blog.twig

- catalog\view\theme\your_theme\template\blog\blog_home.twig

OC Testimonials

blog

***This module shows and manage comments, feedback, testimonials from customers in slider.

1. How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Testimonials - What Clients Say? -> Edit add new

  • We got :

    admin testimonial

    Configure some parameters as below:

    • Module Name - Input name of sub OC Testimonials.

    • Status - Set Enabled to use this sub module.

    • Items - Set number of testimonial will be displayed per row.

    • Rows - Number of rows will be displayed.

    • Limit - Number of testimonial will be allowed in slider.

    • Testimonial Image Width, Testimonial Image Height - Image size of each testimonial will be displayed.


2. How to edit testimonials in this theme

  • Login your opencart admin

  • Go to OC Theme Menu -> Testimonials

  • We got :

    list testimonial -> Choose testimonial you want to edit -> Edit according to you.


3. How to add new testimonial

  • Login your opencart admin

  • Go to OC Theme Menu -> Testimonials -> Add New add new

  • We got :

    list testimonial1

    Configure some parameters as below:

    • Customer Name - Input name of the testimonial.

    • Content - Enter content of the testimonial.

    • Status - Set Enabled to use this testimonial.

    • Image File - Click at this field to upload avatar of the testimonial.

    • Sort Order - Order of the testimonial

  • Click Save to save the testimonial.

=> To customize this module, please modify this file : catalog\view\theme\your_theme\template\extension\module\octestimonial.twig

Config Oc Newsletter

newsletter

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Oc Newsletter - Newsletter (Newsletter block), Oc Newsletter - Newsletter Popup(Newsletter popup) -> Edit add new

  • We got :

    admin newsletter

    admin newsletter2

    Config some parameters as below :

    • Name Module - Sub OC Newsletter

    • Use Popup - Set Enabled to set sub module as Newsletter popup, set Disabled if you don't want.

    • Status - Set Enabled to use this sub module

=> To customize this module, please modify this file :

- Newsletter block: catalog\view\theme\your_theme\template\extension\module\newslettersubscribe.twig

- Newsletter popup: catalog\view\theme\your_theme\template\extension\module\newsletterpopup.twig

OC Layered Navigation Ajax

layered navigation

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Layered Navigation Ajax -> Choose Edit button edit -> Config this module according to you

How to set up and manage products filters in category page :

  1. Log into the admin panel of your site. From the top menu select Catalog -> Filters:

    filter

  2. Next, click the Add New button on the right to add the filters. Product Filters are added in the same way as product options. Save the changes by clicking Save at the top right:

    filter

  3. Now go to Extensions -> Extensions -> Choose the extension type -> Module and search for OC Layered Navigation Ajax module. Click Install button to install it if it is not installed yet:

    filter

  4. Click Edit and open it, enable the module and click Save button to save the changes

  5. Go to the top menu Catalog -> Products. Click Edit on one of the products, on the manage product screen choose the Links tab and look for the Filters section

    filter

  6. The Filter box is a standard auto complete box. Simply type in a part of the filter name. Add as many filters you wish the product to belong to. Save your changes when finished

  7. Now link the filter to the category page. Go to Design -> Layouts -> Category, click the Add Module button. If you want to display the filters in the left column of the category listing page, you should mirror the settings as follows: Module: OC Layered Navigation Ajax, Position: Column Left. Click Save

    filter

  8. Go to Catalog -> Categories . Click Edit on the categories which products have filters assigned to. Choose the Data tab and look for the Filters section. Type in a part of the filter name to add the same filters added to your categories. Save your changes when finished:

    filter

  9. When you are done, go to the category page and you will see the new filter box

    filter

=> To customize this module, please modify these files :

- catalog\view\theme\your_theme\template\extension\module\oclayerednavigation\occategory.twig

- catalog\view\theme\your_theme\template\extension\module\oclayerednavigation\occategoryfilter.twig

- catalog\view\theme\your_theme\template\extension\module\oclayerednavigation\oclayerednavigation.twig

- catalog\view\theme\your_theme\template\extension\module\oclayerednavigation\oclayerednavigationfilter.twig

OC Ajax Login

How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Ajax Login -> Edit add new

    ajax login

=> To customize this module, please modify these files :

- catalog\view\theme\your_theme\template\extension\module\ocajaxlogin\ajaxlogin.twig

- catalog\view\theme\your_theme\template\extension\module\ocajaxlogin\ajaxregister.twig

- catalog\view\theme\your_theme\template\extension\module\ocajaxlogin\ocajaxlogin.twig

- catalog\view\theme\your_theme\template\extension\module\ocajaxlogin\success.twig

OC Theme Configuration

*** To config theme : rotator image, quickview, catalog mode, custom css,...

  • Login your opencart admin

  • Go to OC Theme Option -> Theme Configuration

    theme configuration

    • Tab Stylesheet CSS : Choose Enabled to use this function

      theme configuration

    • Tab Module Configuration : Define whether using rotator image, quickview or catalog mode or not.

      theme configuration

    • Tab Theme Database : Using in install template

      theme configuration

How to upload rotator image

  • Login your opencart admin

  • Go to Catalog -> Products -> At Product Name , choose Edit button edit at the product you want to upload rotator image -> Click tab Image -> Add Image

  • set rotator

Translation

1. How to translate

  1. Access url : catalog\language

  2. Make a copy of the folder en-gb and rename it to language you want to translate. Example : fr-gb

  3. In folder you've made (fr-gb), rename en-gb.php to fr-gb.php

  4. You need to translate all files in subfolders (account, checkout,...total) and file fr-gb.php

Do the same with other languages.

1. Example : Translate title Newsletter from English into French

  1. Access url : catalog\language

  2. Make a copy of the folder en-gb and rename it to language you want to translate.

  3. In folder you've made (fr-gb), rename en-gb.php to fr-gb.php

  4. Go to catalog\language\fr-gb\extension\module\newslettersubscribe.php-> translate -> Save this file to change

    Modules and responsive .php files :

    • OC Slide show - ocslideshow.php

    • OC Tab Products - octabproducts.php

    • OC Products - ocproducts.php

    • OC Testimonials - octestimonial.php

    • Oc Newsletter - newslettersubscribe.php

    • OC Layered Navigation Ajax - oclayerednavigation.php

    • Information - information.php

    • Filter - filter.php

    • Account - account.php

    • Affiliate - affiliate.php


2. Translate title other modules

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Sub module

  • At Heading title : At your language, enter title of module

  • Click Save to save your change

Example: Translate title "New Arrivals " at # Faribe4:

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find OC Products - Products1 Home4

  • At Heading title : At your language, enter title of module

  • Click Save to save your change


2. Translate in Blog

2.1.Translate text

  • Access url : catalog\language

  • Make a copy of the folder en-gb and rename it to language you want to translate. Example : fr-gb

  • In folder you've made (Example : fr-gb), rename en-gb.php to fr-gb.php

  • catalog\language\fr-gb\blog\article.php, blog.php -> translate -> Save this file to change

2.2.Translate title

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules - -> sub module of OC Blog

  • At Title : At language, enter title of module

  • Click Save to save your change

Theme Support

Support Working time: Monday - Friday

Estimated ticket and answers review time: 1-3 business days.

We have hundreds of questions and provide answers asap, but this can take up to 3 days after your submitted request. Please be patient and wait for answer.

Contact us whenever you need : PlazaThemes Support